<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
	</head>
	<style>
		.site-panel {
			/*display: none;*/
			height: 100%;
			width: 100%;
			border: none;
			margin: 0;
		}
		
		p {
			text-indent: 22px;
			padding: 5px 8px;
		}
		
		html,
		body,
		.mui-content {
			background-color: #fff;
		}
		
		h4 {
			margin-left: 5px;
		}
		
		.mui-plus header.mui-bar {
			display: none;
		}
		
		.mui-plus .mui-bar-nav~.mui-content {
			padding: 0;
		}
		
		.qrcode {
			/*position: absolute;*/
			top: 50px;
			/*left: 50%;*/
			width: 100%;
			/*-webkit-transform: translate(-50%, 0);
				transform: translate(-50%, 0);*/
			text-align: center;
		}
		
		.qrcode img {
			margin: 0 auto;
		}
	</style>

	<body>
		<!--
            	作者：415656544@qq.com
            	时间：2016-12-20
            	描述：关注公众号
		-->
		<div id="saomaPanel" class="site-panel">
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">关注公众号</h1>
			</header>
			<div class="mui-content">
				<div class="mui-content-padded">
					<div class="qrcode">
						<img id="qrcode" src="images/qrcode.png" width="100%" />
						<a id="shortcut" style="width: 60%;margin: 15px auto;padding: 5px;" class="mui-hidden mui-btn mui-btn-block mui-btn-red">创建桌面图标</a>
					</div>
					<!--<h4 style="margin-top:10px;">mui</h4>-->
					<p>mui是一款小巧高能的前端UI框架，其UI控件富有原生UI样式； 通过封装多webview、启动原生动画，使得mui成为目前最接近原生体验的前端框架， 更多详细介绍，请到
						<a href="http://dev.dcloud.net.cn/mui">mui官网</a>查看</p>
					<p style="text-align: center;color: #ccc;text-indent: 0;">当前版本：<span id="version">3.3.0</span></p>
				</div>
			</div>
		</div>
	</body>

</html>